<template>
	<view class="feedbackDetail">
		<view class="time">{{feedBackInfo.create_time}}</view>
		<view class="content">
			{{feedBackInfo.content}}
		</view>
		<view class="imgs">
			<image class="imgs-item" v-for="(item, index) in feedBackInfo.images" :key="index" :src="item" mode=""></image>
		</view>
	</view>
</template>

<script>
    import reqApi from "../../api/api.js";
	export default {
		data() {
			return {
              feedBackInfo: {
				  create_time: "",
				  content: "",
				  images: []
			  }
			}
		},
		onLoad(option) {
			this.getDetail(option.id)
		},
		methods: {
           getDetail(id){
			   reqApi.feedbackDetail({id}).then(res=>{
				   console.log("反馈详情", res);
				   this.feedBackInfo = res.data;
			   })
		   }
		}
	}
</script>

<style lang="scss" scoped>
.feedbackDetail{
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	width: 100vw;
	height: 100vh;
	background: #fff;
	.time{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #222222;
	}
	.content{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 32rpx;
		color: #666666;
		margin: 20rpx 0;
	}
	.imgs{
		display: flex;
		flex-wrap: wrap;
		.imgs-item{
			width: 160rpx;
			height: 160rpx;
			background: #E2E2E2;
			border-radius: 8rpx;
			margin-right: 8rpx;
			margin-bottom: 15rpx;
		}
	}
}
</style>